<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
	<style type="text/css">


.first{
	width: 300px;
	height: 300px;
	background-color: red;
	vertical-align: middle;
	display: table-cell;  
}

.second{
	width: 100px;
	height: 100px;
	background-color: cyan;
	margin: 0 auto;
}


	</style>
</head>
<body>

 <div class="first">

    <div class="second">
    	
    </div>

 	
 </div>





</body>
</html>